<script type="text/javascript">
var ultimaFraseIndice = 0;
var ultimoIconoAdaptativo = 0;
$(document).ready(function(){
    setInterval(cambiarFrase, 3000);
    setInterval(cambiarIconoAdaptativo, 1000);
});
function cambiarFrase(){
    switch(ultimaFraseIndice){
        case 0: $("#frase-cambiante").hide().html("<i>Gana más clientes</i>").fadeIn(); break;
        case 1: $("#frase-cambiante").hide().html("<i>Genera más ventas</i>").fadeIn(); break;
        case 2: $("#frase-cambiante").hide().html("<i>Vende las 24 horas del día</i>").fadeIn(); break;
        default: $("#frase-cambiante").html(""); break;
    }
    ultimaFraseIndice++;
    if(ultimaFraseIndice==3){
        ultimaFraseIndice = 0;
    }
}
function cambiarIconoAdaptativo(){
    switch(ultimoIconoAdaptativo){
        case 0:
            $("#icono-adaptativo").removeClass("fa-desktop fa-laptop fa-tablet fa-mobile").addClass("fa-desktop");
            break;
        case 1:
            $("#icono-adaptativo").removeClass("fa-desktop fa-laptop fa-tablet fa-mobile").addClass("fa-laptop");
            break;
        case 2:
            $("#icono-adaptativo").removeClass("fa-desktop fa-laptop fa-tablet fa-mobile").addClass("fa-tablet");
            break;
        case 3:
            $("#icono-adaptativo").removeClass("fa-desktop fa-laptop fa-tablet fa-mobile").addClass("fa-mobile");
            break;
        default:
            $("#icono-adaptativo").removeClass("fa-desktop fa-laptop fa-tablet fa-mobile").addClass("fa-desktop");
            break;
    }
    ultimoIconoAdaptativo++;
    if(ultimoIconoAdaptativo==4){
        ultimoIconoAdaptativo = 0;
    }
}
</script>
<!-- Banner -->
<section id="banner">
    <h2>Tu negocio en Internet</h2>
    <h3>En menos de 7 días.</h3>
    <p id="frase-cambiante"><i>Vende las 24 horas del día</i></p>
    <ul class="actions">
        <li><a href="<?php echo url_for('@construccion'); ?>" class="button special">Comenzar</a></li>
        <li><a href="<?php echo url_for('@conocenos'); ?>" class="button">Conócenos</a></li>
    </ul>
</section>

<!-- Main -->
<section id="main" class="container">

    <section class="box special">
        <header class="major">
            <h2>¿Has pensado en las ventajas de tener tu negocio en Internet?</h2>
            <p>
                Las personas te buscan por Internet, es importante que te puedan encontrar fácilmente.
                <br /><br />
                Un sitio web es la ventana de tu negocio hacia el mundo.
                <br /><br />
                Una tienda en línea vende las 24 horas del día.
            </p>
        </header>
        <!--
        <span class="image featured"><img src="images/pic01.jpg" alt="" /></span>
        -->
    </section>

    <section class="box special features">
        <header class="major">
            <h2>Tenemos la solución</h2>
        </header>
        <div class="features-row">
            <section>
                <span class="icon major fa-paint-brush accent5"></span>
                <h3>Diseños modernos e intuitivos</h3>
                <p>Diseñamos tu sitio web en base a la <strong>Experiencia de Usuario (UX)</strong> y utilizando las últimas tendencias en diseño web.</p>
            </section>
            <section>
                <span class="icon major fa-database accent4"></span>
                <h3>Web Hosting Profesional</h3>
                <p>Nuestros planes incluyen <strong>alojamiento web profesional</strong> de alta calidad. Disponible las 24 horas de día, los 7 días de la semana. No perderás ni un sólo cliente, <strong>tu sitio web siempre estará en línea</strong>.</p>
            </section>
        </div>
        <div class="features-row">
            <section>
                <span id="icono-adaptativo" class="icon major fa-mobile accent1"></span>
                <h3>Diseño web adaptativo</h3>
                <p>Tu sitio web <strong>siempre lucirá increíble</strong> sin importar desde donde lo vean (PC, Tablet o Smartphone). Todos nuestros diseños son adaptables.</p>
            </section>
            <section>
                <span class="icon major fa-clock-o accent4"></span>
                <h3>Valoramos tu tiempo</h3>
                <p>Sabemos que tú tiempo es lo más importante, tendremos tu sitio web listo en <strong>menos de 7 días</strong>.</p>
            </section>
        </div>
        <div class="features-row">
            <section>
                <span class="icon major fa-money accent3"></span>
                <h3>Pensamos en tu bolsillo</h3>
                <p>Podrás tener tu propio sitio web <strong>desde tan sólo S/.699</strong>. <br />Además, el primer mes de web hosting es <strong>totalmente gratis</strong>.</p>
            </section>
            <section>
                <span class="icon major fa-flag accent2"></span>
                <h3>100% Producto Peruano</h3>
                <p>Somos una <strong>empresa peruana</strong> con más de 4 años de experiencia en el rubro. Te garantizamos un servicio de la mejor calidad.</p>
            </section>
            <?php /* ?>
            <section>
                <span class="icon major fa-smile-o accent3"></span>
                <h3>Disfruta la experiencia</h3>
                <p>Te ayudaremos a elaborar tu sitio web de la forma más sencilla. Somos especialistas en asesoriamiento de contenidos.<br />
                    Nunca fue tan fácil tener tu propio sitio web.</p>
            </section>
            <?php */ ?>
        </div>
    </section>

    <?php /* ?>
    <section class="box special">
        <header class="major">
            <h2>¿Cómo funciona?</h2>
            <p>bla bla bla</p>
        </header>
        <!--
        <span class="image featured"><img src="images/pic01.jpg" alt="" /></span>
        -->
    </section>
    <?php */ ?>

    <section id="planes" class="box special">
        <header class="major">
            <h2>Planes</h2>
            <p>Elige el plan que mejor se adapta a tus necesidades.</p>
        </header>
        <div class="table-wrapper">
            <table class="alt">
                <tbody>
                    <tr>
                        <td></td>
                        <td>
                            <h3>Sitio Web<h3>
                            <h4>Tu ventana hacia el mundo</h4>
                            <h2>S/.699<sup style="font-size: 0.6em;">.00</sup></h2>
                            <a href="<?php echo url_for('@solicitarPlan?tipo=personal'); ?>" class="button special">Solicitar</a>
                        </td>
                        <td>
                            <h3>Tienda</h3>
                            <h4>Ventas a toda hora</h4>
                            <h2>S/.1499<sup style="font-size: 0.6em;">.00</sup></h2>
                            <a href="<?php echo url_for('@solicitarPlan?tipo=empresarial'); ?>" class="button special">Solicitar</a>
                        </td>
                    </tr>
                    <tr>
                        <td>Almacenamiento</td>
                        <td>5 GB</td>
                        <td>20 GB</td>
                    </tr>
                    <tr>
                        <td>Cuentas de Correo Electrónico</td>
                        <td><strong>ilimitadas</strong></td>
                        <td><strong>ilimitadas</strong></td>
                    </tr>
                    <tr>
                        <td>Transferencia de Datos</td>
                        <td><strong>ilimitada</strong></td>
                        <td><strong>ilimitada</strong></td>
                    </tr>
                    <tr>
                        <td>Tiempo de Construcción</td>
                        <td>7 días</td>
                        <td>20 días</td>
                    </tr>
                    <tr>
                        <td>Diseño de Logo</td>
                        <td><img src="<?php echo $sf_request->getRelativeUrlRoot()."/images/check.png"; ?>" /></td>
                        <td><img src="<?php echo $sf_request->getRelativeUrlRoot()."/images/check.png"; ?>" /></td>
                    </tr>
                    <tr>
                        <td>Dominio GRATIS*</td>
                        <td><img src="<?php echo $sf_request->getRelativeUrlRoot()."/images/check.png"; ?>" /></td>
                        <td><img src="<?php echo $sf_request->getRelativeUrlRoot()."/images/check.png"; ?>" /></td>
                    </tr>
                    <tr>
                        <td>Web Hosting Profesional</td>
                        <td><img src="<?php echo $sf_request->getRelativeUrlRoot()."/images/check.png"; ?>" /></td>
                        <td><img src="<?php echo $sf_request->getRelativeUrlRoot()."/images/check.png"; ?>" /></td>
                    </tr>
                    <tr>
                        <td>Estadísticas de Visitas</td>
                        <td><img src="<?php echo $sf_request->getRelativeUrlRoot()."/images/check.png"; ?>" /></td>
                        <td><img src="<?php echo $sf_request->getRelativeUrlRoot()."/images/check.png"; ?>" /></td>
                    </tr>
                    <tr>
                        <td>Soporte Premium</td>
                        <td><img src="<?php echo $sf_request->getRelativeUrlRoot()."/images/check.png"; ?>" /></td>
                        <td><img src="<?php echo $sf_request->getRelativeUrlRoot()."/images/check.png"; ?>" /></td>
                    </tr>
                    <tr>
                        <td>Catálogo de Productos</td>
                        <td><img src="<?php echo $sf_request->getRelativeUrlRoot()."/images/cross.png"; ?>" /></td>
                        <td><img src="<?php echo $sf_request->getRelativeUrlRoot()."/images/check.png"; ?>" /></td>
                    </tr>
                    <tr>
                        <td>Sesión Fotográfica de Productos</td>
                        <td><img src="<?php echo $sf_request->getRelativeUrlRoot()."/images/cross.png"; ?>" /></td>
                        <td><img src="<?php echo $sf_request->getRelativeUrlRoot()."/images/check.png"; ?>" /></td>
                    </tr>
                    <tr>
                        <td>Reportes de Ventas</td>
                        <td><img src="<?php echo $sf_request->getRelativeUrlRoot()."/images/cross.png"; ?>" /></td>
                        <td><img src="<?php echo $sf_request->getRelativeUrlRoot()."/images/check.png"; ?>" /></td>
                    </tr>
                    <tr>
                        <td>Tienda en Facebook</td>
                        <td><img src="<?php echo $sf_request->getRelativeUrlRoot()."/images/cross.png"; ?>" /></td>
                        <td><img src="<?php echo $sf_request->getRelativeUrlRoot()."/images/check.png"; ?>" /></td>
                    </tr>
                    <tr>
                        <td>Tienda en Mercadolibre</td>
                        <td><img src="<?php echo $sf_request->getRelativeUrlRoot()."/images/cross.png"; ?>" /></td>
                        <td><img src="<?php echo $sf_request->getRelativeUrlRoot()."/images/check.png"; ?>" /></td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <td colspan="3">
                            (*) Los planes incluyen gratuitamente un dominio <strong>.COM</strong>, en caso necesites una extensión diferente <b>(.PE o COM.PE)</b> se cobrará un monto adicional.
                        </td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </section>

    <div class="box">
        <header class="major">
            <h2>Casos de Éxito</h2>
            <p>Te garantizamos un excelente servicio, nuestros clientes nos recomiendan.</p>
        </header>
        <!-- Casos de Éxito (Clientes que probaron nuestro método) -->
        <div class="row">
            <div class="6u">
                <section class="box special">
                    <span class="image featured">
                        <a href="http://www.jinperu.com" target="_blank">
                            <img src="<?php echo $sf_request->getRelativeUrlRoot()."/images/jinperu.com.jpg"; ?>" alt="Jīn Journeys Perú" />
                        </a>
                    </span>
                    <h3>Jīn Journeys Perú</h3>
                    <p>Jīn Journeys Perú es un nuevo y moderno operador turístico de lujo enfocado en ofrecer la mejor experiencia de viaje a medida en el Perú para clientes VIP que hablen Chino Mandarín.</p>
                </section>
            </div>
            <div class="6u">
                <section class="box special">
                    <span class="image featured">
                        <a href="http://www.ggseguridadpolicial.com" target="_blank">
                            <img src="<?php echo $sf_request->getRelativeUrlRoot()."/images/ggseguridadpolicial.com.jpg"; ?>" alt="G & G Seguridad Policial" />
                        </a>
                    </span>
                    <h3>G & G Seguridad SAC</h3>
                    <p>G & G SEGURIDAD SAC es una empresa peruana especializada en protección, investigación y seguridad policial a nivel nacional, brindando seguridad física a personas y bienes del sector público y privado.</p>
                </section>
            </div>
        </div>
    </div>
</section>
<?php include_component('incluidos','franjaOportunidad'); ?>